

.TabAcLine {
    border: 1px solid silver;
    border-radius: 2px;
    padding-bottom: 2px;
}
.cont{
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0 4px 4px 4px;
    font-size: 14px;
    padding: 8px ;
    box-sizing: border-box;
}
.cont a,.cont p{
    font-size: 14px;
}
.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.yang{
    color: red;
    width: auto!important;
}
.OrderStatus {
    margin: 100px;
}

.OrderStatus ul {
    width: 1000px;
    height: 25px;
    display: flex;
    background: url("../../img/u4.png") no-repeat;
    margin: 0 auto;
}

.OrderStatus ul .CustomSpline {
    width: 100px;
    height: 25px;
    background: #5cc3ea;
    border-radius: 10px;
    position: absolute;
}

.OrderStatus ul li {
    text-align: center;
    flex: 1;
    float: left;
    position: relative;
}

.orderNo{
    color: green;
}

.OrderStatus ul li .circle {
    background: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid silver;
    display: inline-block;
}

.OrderStatus ul li .StateTime {
    position: absolute;
    top: 51px;
    left: 43px;
}

.OrderStatus ul li .StateName {
    padding-top: 12px;
    height: 50px;
    width: 94px;
    position: absolute;
    top: -44px;
    left: 62px;
    background: url("../../img/u12.png") no-repeat;
}

.OrderStatus ul li:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #5cc3ea;
    position: absolute;
    left: 45.5%;
    top: 22%;
}

.content {
    width: 100%;
    margin-top: 70px;
}

.content .tabs {
    width: 100%;
    line-height: 45px;
    margin: 0;
}

.content .tabs li {
    float: left;
    height: 45px;
    width: 83px;
    text-align: center;
    border-bottom: none;
    background-color: #fff;
    border-radius: 4px 4px 0 0;
}

.content .cont .tab {
    display: none;
}

.content .cont .tab .CarInformation {
    margin-bottom: 20px;
}

.content .cont .tab .CarInformation .CustomOrder {
    padding-bottom: 0px !important;
    background-color: #F7FBFD;
}

.content .cont .tab .CarInformation .CustomOrder .OrderTable {
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
}

.content .cont .tab .CarInformation .CustomOrder .OrderTable th,
.content .cont .tab .CarInformation .CustomOrder .OrderTable td {
    white-space: nowrap;
    padding: 0 10px;
    height: 35px;
    line-height: 1;
    text-align: center;
}

.content .cont .tab .CarInformation .CustomOrder .OrderTable tr th:nth-child(1) {
    width: 100px;
}

.content .cont .tab .CarInformation .CustomOrder .OrderTable tr td:nth-child(1) {
    width: 100px;
}

.content .cont .tab .CarInformation .CustomOrder .OrderTable thead th {
    text-align: center;
}

.content .cont .tab .CarInformation .CustomOrder .OrderTable tbody tr:nth-child(2n) td {
    background-color: #F7FBFD;
}

.content .cont .tab .CarInformation .CustomOrder .OrderTable tbody tr:nth-child(2n+1) td {
    background-color: #fff;
}

.content .cont .tab .CarInformation .CustomOrder .OrderTable tbody tr:hover td {
    background-color: #f9f9f9;
    cursor: pointer;
}

.content .cont .tab .CarInformation .CustomOrder .OrderTable thead th {
    background-color: #fafafa;
}

.content .cont .tab .CarInformation .CustomOrder .placeholder {
    width: 100%;
    line-height: 50px;
    text-align: center;
}

.content .cont .tab .CarInformation .CustomOrder .ButtonAction {
    background-color: #394249;
    color: #fff;
    padding: 5px;
    font-size: 12px;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid #394249;
    box-sizing: border-box;
    transition: 0.3s all;
}

.content .cont .tab .CarInformation .CustomOrder .ButtonAction:hover {
    background-color: #fff;
    color: #394249;
    border-color: #394249;
}

.content .cont .traceInformation {
    border: 1px solid silver;
    border-radius: 5px;
}

.content .cont .traceInformation .CustomTrace .TraceCont {
    text-align: center;
    width: 100%;
}

.content .cont .traceInformation .CustomTrace .TraceCont .TraceTime,
.content .cont .traceInformation .CustomTrace .TraceCont .TraceMessage {
    float: left;
    width: 50%;
    box-sizing: border-box;
    display: inline-block;
    text-align: left;
}


.content .cont .traceInformation .CustomTrace .TraceCont .TraceTime ul li,
.content .cont .traceInformation .CustomTrace .TraceCont .TraceMessage ul li {
    min-height: 40px;
    box-sizing: border-box;
    display: inline-block;
    border-bottom:1px solid #ddd ;
    width: 100%;
    line-height: 40px;
    padding-left: 20px;
}


.content .cont .traceInformation .CustomTrace .TraceCont .TraceTime .TimeTitle,.content .cont .traceInformation .CustomTrace .TraceCont .TraceMessage .MessageTitle {
    padding-left: 36px;
    display: inline-block;
    line-height: 48px;
    height: 48px;
    background-color:#EEF1F7;
    width: 100%;
    box-sizing: border-box;
    color: #2b669a;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}


.content .cont .traceInformation .CustomTrace .TraceCont .TraceMessage ul li {
    color: #3399ff;
    width: 100%
}

.content .cont .OrderInformation {
    margin-top: 20px;
    width: 100%;
}

.content .cont .OrderInformation .top {
    font-size: 16px;
}
.content .cont .OrderInformation .top .row{
    margin: 0;
    padding: 0;
}
.content .cont .OrderInformation .top .right, .content .cont .OrderInformation .top .left {
    display: inline-block;
    width: calc(50% - 15px);
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.content .cont .OrderInformation .top .right {
    margin-left: 15px;
}

.content .cont .OrderInformation .top .left {
    margin-right: 15px;
}

.content .cont .OrderInformation .top .right div {
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 14px;
}
#phone{
    height:24px;
}
.content .cont .OrderInformation .top .right div span {
    width: 120px;
    text-align: right;
    margin-right: 20px;
    float: left;
}

.content .cont .OrderInformation .top .right h4 {
    line-height: 34px;
    padding-left: 36px;
    color: #2b669a;
    background-color: #f5f5f5;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #ddd;
    margin: 0;
}

.content .cont .OrderInformation .top .left {
    float: left;
}

.content .cont .OrderInformation .top .left h4 {
    padding-left: 36px;
    line-height: 34px;
    color: #2b669a;
    background-color: #f5f5f5;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #ddd;
    margin: 0;
    font-size: 16px;
}

.content .cont .OrderInformation .top .left div {
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 14px;
}

.content .cont .OrderInformation .top .left div span {
    width: 100px;
    text-align: right;
    float: left;
    margin-right: 20px;
}

.content .cont .OrderInformation .bot {
    margin-top: 40px;
    position: relative;
}

.content .cont .OrderInformation .bot .line {
    z-index: 100;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 600px;
    height: 1px;
    color: #0a0a0a;
}

.AnNiu {
    width: 55px;
    margin: 0 auto;
}

.AnNiu button{
    height: 34px;
    line-height: 34px;
    width: 55px;
    text-align: center;
    border-radius: 4px ;
    border: 1px solid #ddd;
    margin-top: 16px;
    background: #394249;
    color: #fff;
}

.GivenBeforehand {
    padding-left: 6%;
    padding-bottom: 20px;
}

.GivenBeforehand .tpeccancyForegif {
    margin-bottom: 20px;
}

.GivenBeforehand button {
    padding: 2px 10px;
    background: #c5f6fd;
    margin-left: 10%;
    border-radius: 5px;
}

.CustomModalBox .allotCar {
    padding: 16px;
}

.CustomModalBox .allotCar .allotCarNav span {
    margin: 0 5px;
}

.CustomModalBox .allotCar .allotCarNav input {
    box-sizing: border-box;
    display: inline-block;
    width: 150px;
    padding: 0 10px;
    height: 28px;
}

.CustomModalBox .allotCar .allotCarNav .carType {
    cursor: pointer;
    background-color: #eee;
    border: 1px solid #ddd;
    margin-right: 10px;
}

.CustomModalBox .allotCar .allotCarNav .ActionSEO span {
    margin: 0;
}

.CustomModalBox .allotCar .allotCarNav .ActionSEO .CustomActionButtons {
    height: 28px;
    border-radius: 0;
    background-color: #428bca;
    color: #fff;
}

.CustomModalBox .vehicleIdContent {
    padding: 16px;
}

.CustomModalBox .BrandName {
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    padding: 6px 10px;
    font-size: 16px;
    background-color: #f2f2f2;
}

.CustomModalBox .Vehicle {
    padding: 10px 0;
    padding-left: 30px;
    box-sizing: border-box;
}
.CustomModalBox .Brand{
    border-radius: 5px;
    border: 1px solid #ddd;
    margin: 10px 0;
}
.CustomModalBox .Vehicle label {
    width: 18%;
    float: left;
    margin: 3px 5px;
    display: inline-block;
    cursor: pointer;
}

.CustomModalBox .Vehicle label input,
.CustomModalBox .Vehicle label span {
    font-weight: normal;
    float: left;
}

.CustomModalBox .Vehicle label span {
    margin-left: 5px;
    max-width: 88px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}


.CustomModalBox .Frame .allotCarNav .CustomActionButtons {
    background-color: #394249 !important;
    color: #fff;
}
.CustomModalBox .Frame .allotCarNav input{
    display: inline-block;
    width: 150px !important;
}

.CustomModalBox .CustomOrder{
    padding: 0 !important;
}
.Endorsement{
    border: 1px solid #ddd;
    border-radius: 5px ;
    margin-top: 16px;
}

.Endorsement h3{
    padding-left: 36px;
    display: inline-block;
    line-height: 48px;
    height: 48px;
    background-color: #EEF1F7;
    width: 100%;
    box-sizing: border-box;
    color: #2b669a;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    margin: 0;
}
.Endorsement .CustomOrder{
    padding: 0!important;
}

.CustomOrder .placeholder{
    line-height: 80px !important;
}